import LoginForm from './components/LoginForm'
import SwitchDark from '@/components/SwitchDark'
import loginLeft from '@/assets/images/login_left.png'
import logo from '@/assets/images/logo.png'
import './Login.less'
import globalConfig from '@/core/framework/config/globalConfig'

const Login = () => {
	const logoText = globalConfig.systemTitle
	return (
		<div className="login-container">
			<SwitchDark />
			<div className="login-box">
				<div className="login-left">
					<img src={loginLeft} alt="login" />
				</div>
				<div className="login-form">
					<div className="login-logo">
						<img className="login-icon" src={logo} alt="logo" />
						<span className="logo-text">{logoText}</span>
					</div>
					<LoginForm />
				</div>
			</div>
		</div>
	)
}

export default Login
